﻿<!DOCTYPE html>

<html>
<head>  
      <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<style type="text/css" title="currentStyle">
            @import "css/jquery-ui-1.8.4.custom.css";
        </style>    

    <script type="text/javascript">
        $(document).ready(function () {
            $("#CUSTOM").click(showDialog);
            //variable to reference window
            myWindow = $('#dialog');

        }
        );
        //function to show dialog        
        var showDialog = function () {
            //instantiate the dialog

            //myWindow.load("regressionTestCustomMetadataSelection.action?consumer").dialog({
            //    height: 350,
            //    width: 400,
            //    modal: true,
            //    position: 'center',
            //    autoOpen: false,
            //    title: 'Hello World',
            //    overlay: { opacity: 0.5, background: 'black' }
            //});

            $.ajax({
                url: "more.html",
                data: ({ customer: "John" }),
                traditional: true,
                success: function (loadedData) {
                    // assuming that the contents of loadedData is html
                    myWindow.html(loadedData);
                    myWindow.dialog();
                }
            });


            //if the contents have been hidden with css, you need this         
            myWindow.show();
            //open the dialog
            myWindow.dialog("open");
        }
        //function to close dialog, probably called by a button in the dialog     
        var closeDialog = function () {
            myWindow.dialog("close");
        }
    </script>

  <script>




      function setSession() {
          $(document).ready(function () {
              $("#dialog").load("regressionTestCustomMetadataSelection.action?as").dialog({ modal: true, resizable: false, draggable: false, width: 515, height: 245 });
          });

          $("#dialog").dialog('open');
      }
  </script>
</head>
<body style="font-size:62.5%;">
 <div>
                                        <input type="radio" name="submittedMetadataSelection" id="DEFAULT" value="DEFAULT" checked/>
                                        <label for="DEFAULT">DEFAULT</label>

                                        <input type="radio" name="submittedMetadataSelection" id="CUSTOM" value="CUSTOM" "/>
                                        <label for="CUSTOM">CUSTOM</label>

</div>
<div id="dialog" title="Dialog Title"></div>

</body>
</html>